.floor {
    display        : flex;
    justify-content: flex-end;

    button {
        margin-left: 15px;
    }
}

.l-item {
    padding: 5px;
}

.content {
    margin-bottom: 20px;
    margin-left  : 5px;
}

.border-r {
    border-right: 1px solid #E5E5E5;
}

.border-a {
    border: 1px solid #E5E5E5;
}

.tmp-item:extend(.border-a) {
    padding        : 10px 30px;
    margin         : 16px;
    display        : flex;
    justify-content: center;
    cursor         : pointer;
    color          : #606266;

    &.selected {
        border: 1px #3399FF solid;
        color : #3399FF;
    }
}

.com-body {
    padding: 24px 40px;

    .header {
        padding         : 12px 16px;
        margin-bottom   : 16px;
        display         : flex;
        background-color: #F8F8F8;
        align-items     : center;

        .sub-title {
            color      : #C0C4CC;
            margin-left: 10px;
        }
    }
}

.com-item {
    padding         : 12px 16px;
    background-color: #1267FA14;
    margin-bottom   : 16px;

    .com-permits {
        display        : flex;
        flex-wrap      : wrap;
        justify-content: flex-end;

        .check-label {
            color: #606266;
        }
    }
}

.search-bar {
    margin-bottom: 20px;
}